
        <div id="top">
            <h1>
             Spaceship Frozen</h1>
        </div>
        <div id="middle">
           <div id="content">
        A frozen spaceship cannot fly, shoot or be hit when:
        <ul>
         <li>it waits for the fuel spaceship</li>
          <li>it performs a maintenance action</li>
           <li>it repairs a malfunction</li>
        </ul>
             <div style="width:150px;margin:20px auto"><img src="../imgs/tutorialImg/freezeship.png" width="150"/></div>  
           </div>
        </div>
      <div id="foot">
         <div class="number">
            <a href="#" onclick="changePage('p8.html')"><<</a>
            </div>
            <div class="number">
          <a href="#" onclick="changePage('p1.html')">1</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p2.html')">2</a>
            </div>
            <div class="number">
              <a href="#" onclick="changePage('p3.html')">3</a>
            </div>
            <div class="number">
              <a href="#" onclick="changePage('p4.html')">4</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p5.html')">5</a>
            </div>
            <div class="number">
            <a href="#" onclick="changePage('p6.html')">6</a>
            </div>
            <div class="number">
             <a href="#" onclick="changePage('p7.html')">7</a>
            </div>
            <div class="number">
              <a href="#" onclick="changePage('p8.html')">8</a>
            </div>
            <div class="number selected">
          9
            </div>
             <div class="number">
           <a href="#" onclick="changePage('p10.html')">10</a>
            </div>
             <div class="number">
           <a href="#" onclick="changePage('p10.html')"> >></a>
            </div>
        </div>
   